<template>
<div class="ui grid form detail-list">
    <div class="ui" :class="`${listData.columnNum} column grid`">
        <h3>{{listData.title}}</h3>
        <div class="column" v-for='list in listData.detail'>
            <div class="ui divided items segment">
                <table class="ui celled table" >
                    <tbody>
                        <tr v-for="item in list">
                            <td><span class="ui small header">{{item.label}}</span></td>
                            <td><div class="content" v-html='item.value'>
                            </div></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
</template>

<script>
import tool from 'src/util/tool';
import util from '_util/index';
import logic from '_logic';
export default {
    props: ['id', 'option'],
    data() {
        return {

        }
    },
    computed: {
        listData() {
            return this.option.data
        }
    },
    watch: {},
    created() {

    },
    methods: {}
}
</script>

<style lang="less" rel="stylesheet/less" scoped>
.detail-list {
    }
</style>
